﻿<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no"/>
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<title>牧车邦</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
	<div class="main">
		<div class="logo left"><img src="./images/logo.png" alt=""> <span class="muen"></span></div>
		<ul class="nav-list right">
			<li ><a href="index.jsp"><span>01</span>首页</a></li>
					<li><a href="yhby.jsp"><span>02</span>车辆保养</a></li>
					<li><a href="mrby.jsp"><span>03</span>车辆美容</a></li>
					<li><a href="wxby.jsp"><span>04</span>车辆维修</a></li>
					<li><a href="jyby.jsp"><span>05</span>车辆救援</a></li>
					<li><a href="partner.html"><span>06</span>合作伙伴</a></li>
					<li class="current"><a href="hdzq.html"><span>07</span>企业活动</a></li>
					<li><a href="about.html"><span>08</span>关于我们</a></li>
			
		</ul>	
	</div>
</header>
<div class="navbg"></div>
<section class="sbanner mfzq">
	<div class="main">
		<div class="text">
			<h3>免费免费专区</h3>
			<p><span></span></p>
			<div>平台保证，凡是牧车帮会员企业或者个体车主。均免费享受北仑范围内的道路救援、免费使用车辆管理系统、免费提供北斗GPS定位服务、免费提供专业的律师和法务服务、免费提供安全培训、免费提供车辆到期年审提醒服务。</div>
		</div>
	</div>
</section>

<section class="content">
			<div class="main">
				<ul class="nav">
					<li ><a href="service.html">车辆服务 <span>01</span></a></li>
					<li ><a href="mrby.jsp">车辆美容<span>02</span></a></li>
					<li><a href="yhby.jsp">车辆保养 <span>03</span></a></li>
					<li><a href="wxby.jsp">车辆维修 <span>04</span></a></li>					
					<li><a href="jyby.jsp">车辆救援<span>05</span></a></li>
					<li><a href="store.jsp">会员服务 <span>06</span></a></li>
					<li class="act"><a href="hdzq.html">活动专区 <span>07</span></a></li>
					<li><a href="recruit.html">人才招聘<span>08</span></a></li>
				</ul>
		<div class="clear"></div>
		<div class="service">
			<div class="ser_li">
				<div class="img"><img src="./images/service.png" alt=""></div>
				<div class="text">
					<h3>行驶证年检</h3>
					<div class="time">2018-05-21</div>
					<div class="info">我们来自物流行业，每天需要直面大量的车主以及货车司机。因此无论是切身感受还是来自车主的心声诉说，我们都深刻了解物流行业的各种困难，比如车价昂贵首付款难以一时付清；维修保养...</div>
					<a href="detail.html">详细内容</a>
				</div>
			</div>
			<div class="ser_li">
				<div class="img"><img src="./images/service.png" alt=""></div>
				<div class="text">
					<h3>行驶证年检</h3>
					<div class="time">2018-05-21</div>
					<div class="info">我们来自物流行业，每天需要直面大量的车主以及货车司机。因此无论是切身感受还是来自车主的心声诉说，我们都深刻了解物流行业的各种困难，比如车价昂贵首付款难以一时付清；维修保养...</div>
					<a href="detail.html">详细内容</a>
				</div>
			</div>
			<div class="ser_li">
				<div class="img"><img src="./images/service.png" alt=""></div>
				<div class="text">
					<h3>行驶证年检</h3>
					<div class="time">2018-05-21</div>
					<div class="info">我们来自物流行业，每天需要直面大量的车主以及货车司机。因此无论是切身感受还是来自车主的心声诉说，我们都深刻了解物流行业的各种困难，比如车价昂贵首付款难以一时付清；维修保养...</div>
					<a href="detail.html">详细内容</a>
				</div>
			</div>
		</div>
	</div>
</section>

<footer>
	<div class="top"><a >T.O.P</a></div>
	<div class="bot">
		<div class="main">
			<div class="l">
				<div class="li3">
					<h3>服务</h3>
					<ul>
						<li><a href="">车辆服务</a></li>
						<li><a href="">维修及保养</a></li>
						<li><a href="">安全管理</a></li>
						<li><a href="">金融管理</a></li>
						<li><a href="">会员服务</a></li>
						<li><a href="">免费专区</a></li>
						<li><a href="">驾驶员招聘与求职</a></li>
					</ul>
				</div>
				<div class="li3">
					<h3>企业资讯</h3>
					<ul>
						<li><a href="">物流信息</a></li>
						<li><a href="">车队信息</a></li>
						<li><a href="">行业规范</a></li>
					</ul>
					<h3>企业活动</h3>
					<ul>
						<li><a href=""></a></li>
					</ul>
				</div>
				<div class="li3">
					<h3>关于我们</h3>
					<ul>
						<li><a href="">公司介绍</a></li>
						<li><a href="">最新动态</a></li>
						<li><a href="">联系我们</a></li>
						<li><a href="">人才招聘</a></li>
					</ul>
					<h3>合作伙伴</h3>
					<ul>
						<li><a href=""></a></li>
					</ul>
				</div>
			</div>
			<div class="r">
				<div class="ri2 text">
					<h3>联系我们</h3>
					<ul>
						<li>电话：0517-8888888</li>
						<li>传真：0517-6666666</li>
						<li>邮箱：1243282709@qq.com</li>
						<li>地址：江苏省徐州市矿大科技园</li>
					</ul>
				</div>
				<div class="ri2 img">
					<img src="images/wechat.png" alt="">
					<p>扫一扫关注我们</p>
				</div>
			</div>
		</div>
	</div>
	<div class="main copy">
		Copyright © 2018 牧车帮科技有限公司 备案号：苏234343234
	</div>
</footer>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
	$(function () {
		$(window).scroll(function() {
			var p = $(window).scrollTop();
			if(p>100){
				$('footer .top').show();
			}else{	
				$('footer .top').hide();
			}	
		});

		$("footer .top").click(function() {
		    $("html,body").animate({scrollTop:0}, 500);
		}); 
		var top = $('header').outerHeight();
		var fot = $('footer').outerHeight();
		var hei = $(window).height();
		$('.content').css('min-height',hei-top-fot);

		$('header .muen').click(function () {
		  	$('.navbg').toggle();
		  	$('header').toggleClass('menu-is-open');
		})
		$('.navbg').click(function () {
		  	$('.navbg').hide();
		  	$('header').removeClass('menu-is-open');
		})
	})
</script>

</body>
</html>